<html>

<head>
<title>Create a city</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

<script
	src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
	<form action="/game/country/{{country}}/create-city" method="post"
		data-ajax="false">
		<div id="city" data-role="page">
			<div data-role="fieldcontain">
				<input type="hidden" name="country" value="{{country}}"></label>
			</div>
			<div data-role="fieldcontain">
				<label for="city-name">Name:</label> <input type="text" id="name"
					name="name" required />
			</div>
			<div data-role="fieldcontain">
				<label for="latitude">LATITUDE:</label> <input type="range"
					name="latitude" id="latitude" value="0" min="-90" max="90" />
			</div>
			<div data-role="fieldcontain">
				<label for="longitude">LONGTITUDE:</label> <input type="range"
					name="longitude" id="longitude" value="0" min="-180" max="180" />
			</div>
			<button type="submit" id="create-city-button" data-theme="a">Submit</button>
		</div>
	</form>
</body>
</html>